<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>NoteITService</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="${pageContext.request.contextPath}/image/x-icon" />
<link href="${pageContext.request.contextPath}/css/main.css" rel="stylesheet" type="text/css">
<style type="text/css">

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif
}

#pkilogin {
	color: #F00;
	text-decoration: underline;
	text-align: center;
}

#PageFooter {background-image:none;}

#PageFooter{left:0;clear:both;font-size:12px;color:Black;position:absolute;height:100px;bottom:0;min-width:100%;width:100%;padding-top:7px;}
#PageFooter .grid_4, #PageFooter .grid_6{margin-top:24px;}
#PageFooter .FYP{text-align:right;margin:0 10px;min-height:90px;}
#PageFooter .container_12 {background-color:transparent;}


</style>
<script language="JavaScript" src="${pageContext.request.contextPath}/js/jquery-1.4.4.min.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath}/js/hint-textbox.js"></script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div id="spinner" class="spinner" style="display: none;"><img src="${pageContext.request.contextPath}/images/spinner.gif" alt="Loading..." /></div>
<div id="grailsLogo"><a href="#"><img src="${pageContext.request.contextPath}/images/grails_logo_t.jpgx" alt="NoteITService" border="0" /></a></div>
<br />
<br />
<br />
<div class="body">
<s:actionerror/><s:actionmessage/>
<form action="loginAuthenticaion.do" method="post" name="form1" id="form1" >
<s:hidden name="loginAttempt" value="%{'1'}" /> 
<table width="250" align="center" " border="1" cellpadding="0" cellspacing="1" bordercolor="#CCCCCC">
  <tr>
    <td height="30" valign="middle" bordercolor="98B7FD" bgcolor="98B7FD" class="left-area-member-text">User authentication</td>
  </tr>
  <tr>
    <td height="44" valign="bottom" bordercolor="#FFFFFF" class="left-area-member-text">Google Account：
      <input name="userName" type="text" class="hintTextbox" value="enter your Gmail. EX: noteit@gmail.com" id="userName" size="50">
    </td>
  </tr>
  <tr>
    <td height="44" valign="top" bordercolor="#FFFFFF" class="left-area-member-text">Password：
      <input name="password" type="password" class="textbox-01" id="password" size="50">
    </td>
  </tr>
  <tr>
    <td height="30" align="center" valign="middle" bordercolor="efefef" bgcolor="#EFEFE0" class="left-area-member-text">
      <input name="login" type="submit" class="comfirm" value="Login">
      <%--  <s:submit label="Login" name="Login" /> --%>
    </td>
  </tr>
</table>
</form>
</div>

</body>
</html>